<template>
    <div>
        <div ref="main" style="width: 180px;height:200px;"></div>
    </div>
</template>

<script>
import {init} from 'echarts';
export default {
    props:['let'],
  mounted(){
      var myChart = init(this.$refs.main);

var option;

option = {
    xAxis: {
        type: 'category',
        boundaryGap: false,
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
    },
    yAxis: {
        type: 'value'
    },
    series: [{
        data: this.let,
        type: 'line',
        areaStyle: {}
    }]
};

option && myChart.setOption(option);
  }
};
</script>

<style lang="scss" scoped>

</style>